<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>别名设置</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>
       body{
         background-color: #f8f8f8;
       }
       .container{
         width: 98%;
         margin: 0 auto;
         background-color: #fff;
         box-shadow: 0 0 5px #c8c8c8;
         border-radius: 5px;
         position: relative;
         margin-top: 8px;
         height: 80px;
       }
       .icon{
         height: 60px;
         width: 60px;
         position: absolute;
         top: 8px;
         left: 20px;
       }
       .icon img{
         width: 100%;
         height: 100%;
       }
       .alias{
         position: absolute;font-size: 14px;color: #c8c8c8;top:10px;left: 100px;
       }
       .name{position: absolute;font-size: 26px;bottom: 12px;left: 100px;}
       .modify{position: absolute;right: 6px;bottom:6px;font-size: 16px;color: #3366cc;}
    </style>
</head>
<body>
     <div class="container">
       <div class="icon"><img src="../../../image/mainFrame/video.jpg"></div>
       <div class="alias">庆科农业智能主机（LSF0021A0000000007）</div>
       <div class="name">点击设置别名</div>
       <div class="modify">修改</div>
     </div>
     <div class="container">
       <div class="icon"><img src="../../../image/mainFrame/video.jpg"></div>
       <div class="alias">庆科农业智能主机（LSF0021A0000000007）</div>
       <div class="name">点击设置别名</div>
       <div class="modify">修改</div>
     </div>
     <div class="container">
       <div class="icon"><img src="../../../image/mainFrame/video.jpg"></div>
       <div class="alias">庆科农业智能主机（LSF0021A0000000007）</div>
       <div class="name">点击设置别名</div>
       <div class="modify">修改</div>
     </div>
</body>
</html>
